<template>
  <el-pagination
    class="trust-pagination"
    layout="total, sizes, prev, pager, next, jumper"
    :page-sizes="[ 10, 20, 30, 40, 50, 100, 500, 1000 ]"
    v-bind="$attrs"
    v-on="$listeners"
  />
  <!--pager-count 是否需要监听宽度变化根据可用宽度计算-->
</template>

<script>
export default {
  name: 'TrustPagination',

  props: {
    // total: { required: true, type: Number },
    // pageNum: { type: Number, default: 1 },
    // pageSize: { type: Number, default: 20 },
  },

  // computed: {
  //   paginationAttrs() {
  //     return {
  //       'layout': 'total, sizes, prev, pager, next, jumper',
  //       'page-sizes': [ 10, 20, 30, 40, 50, 100, 500, 1000 ],
  //       'current-page': this.pageNum,
  //       'page-size': this.pageSize,
  //       'total': this.total,
  //     };
  //   },
  //   paginationListeners() {
  //     return {
  //       'update:currentPage': (val) => {
  //         this.$emit('update:pageNum', val);
  //       },
  //       'current-change': (val) => {
  //         this.$emit('pagination');
  //       },
  //       'update:pageSize': (val) => {
  //         this.$emit('update:pageSize', val);
  //       },
  //       'size-change': (val) => {
  //         if (this.pageSize * val > this.total) {
  //           this.$emit('update:pageNum', 1);
  //         }
  //         this.$emit('pagination');
  //       },
  //     };
  //   },
  // },
};
</script>

<style lang="scss">
.trust-pagination {
  text-align: right;
  margin-top: 10px;
  font-weight: 500;
}
</style>
